/*
Class
*/

.container {
    border: 1px solid #c9c9c9;
    border-radius: 30px;
    max-width: 1140px;
    padding: 0px;
}

.h1, h2, h3, h4, h5, p, li, ui button, .btn_check {
    font-family: 'Nunito', sans-serif;
    line-height: 1.5;
    font-weight: 300;
}





.top {

    padding: 30px 15px 30px 15px;
    background-image: url('../image/bg-top.png');
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 30px 30px 0px 0px;
    

}



.product {
    padding: 45px 15px  45px  15px;
}

.product-bottom {
    padding: 45px 15px  60px  15px;
}






.promotion {

    padding: 45px 45px;
}




    


.btn_check {
    font-weight: 300;
    color: #000000;
    font-size: 12pt;
    padding: 9px 45px 9px 45px;
    border: 1px solid #000000;
    border-radius: 30px;
    background: none;
    margin-left: 15px;

   
    
}

.btn_check:hover {
    color: #FFFFFF;
    background: #000000;
}

.container a {
    text-decoration: none;
 }
 
.bottom {
    font-size: 14pt;
    background-color: #000000;
    padding: 30px 15px 30px 15px;
    border-radius: 0px 0px 30px 30px;
}


/*
Id
*/

#sb {


    font-weight: 600;
 }
      
.photo{
    margin-top: 30px;
    margin-bottom: 30px;
}


 ul,li {
    padding: 0;
     list-style-position: inside;
    }


.img_top {

padding-top:45px;
}

#white {
    color: #FFFFFF;
    font-weight: 300;
}

#white-sb {
    color: #FFFFFF;
    font-weight: 600;

}

.logo {
    padding: 15px 30px 60px 30px; 
}

#smfont {
    font-size: 14pt;
    text-decoration: line-through;
}

#brand-1 {
    color: #0082FA;
}

#brand-2 {
    color: #0FD2FF;
}